<template>
  <div>
    <h1>Children</h1>
    <SonVue v-bind="$attrs" v-on="$listeners"></SonVue>
  </div>
</template>

<script>
import SonVue from './Son.vue'
export default {
  props: ['a'],
  mounted() {
    // $attrs和$listener可以获取到未被接收的剩余参数
    // $listener会携带所有的函数函数被当前组件使用也会携带
    this.$emit('fn1')
    console.log(this.$attrs)
    console.log(this.$listeners)
    //一般都会用来做子孙之间的数据传递,原先使用数据传递要在中间子组件中接收并将接收的数据再传入
    // 孙组件中,使用$attrs不被使用的数据会被整理成一个对象
    // 直接使用v-bind批量绑定当前对象就可以直接将其传输到孙组件中
    // 同理函数也可以使用v-on传输到孙组件中
  },
  components: {
    SonVue,
  },
}
</script>

<style></style>
